Quiero crear un chat con vue.js, socket.js y node.js, creé una API antes y quiero agregar socket.js pero cuando inicio la aplicación, la aplicación se conecta correctamente a mi API y a socket .js pero veo en la solicitud de respuesta: "Lo sentimos, pero la aplicación no funciona correctamente sin JavaScript habilitado. Habilítelo para continuar". busque pero no encuentro :(

el código del script main.js (vue.js):

 import Vue from 'vue' import App from './App.vue import { io } from "socket.io-client"; io(); Vue.config.productionTip = false new Vue({ render: h => h(App), }).$mount('#app')

el código de index.js (API):

 const express = require('express') const userRoute = require('./routes/userRoutes') const messageRoute = require('./routes/messageRoutes') const mongoose = require('mongoose') const { createServer } = require("http"); const { Server } = require("socket.io"); require('dotenv').config() const app = express() const httpServer = createServer(app); const io = new Server(httpServer, { cors: { origin: "*", credentials: true } }); app.use(express.json()) mongoose.connect('mongodb+srv://'+ process.env.DB_NAME + ':' + process.env.DB_PASSWORD + '@' + process.env.DB_IP + '/' + process.env.DB_NAME +'?retryWrites=true&w=majority', {useNewUrlParser: true}); app.use((req, res, next) => { res.append('Access-Control-Allow-Origin', ['http://localhost:8080']); res.append('Access-Control-Allow-Methods', 'GET,PATCH,POST,DELETE'); res.append('Access-Control-Allow-Headers', ['*']); next(); }); app.use('/users', userRoute) app.use('/messages', messageRoute) io.on("connection", (socket) => { console.log(socket.id) io.emit('news','Voici un nouvel élément envoyé par le serveur') }); httpServer.listen(process.env.APP_PORT, () => { console.log("Serveur à l'écoute") })

Gracias por sus respuestas